<%-Loader.css('/hbec/projects/auth/1.0.0/auth')%>
<div class="container gray">
  <div class="hb-container">
    <div class="panel hb-panel hb-panel-form">
      <div class="panel-heading">
        <h3 class="panel-title hb-title">投客网注册</h3>
      </div>
      <div class="panel-body body-padding">
        <div class="col-md-10">
          <form class="form-horizontal" data-validate method="post" id="rFrom">
            <div class="form-group">
              <label for="mobileNo" class="col-md-3 control-label">手机号:</label>

              <div class="col-md-3">
                <input class="form-control" type="text" id="mobileNo" name="mobileNo"
                       data-rule-mobile="true" data-msg-mobile="手机号码为11位数字"
                       data-rule-remote="/checkUserName" data-msg-remote="手机号已注册,<a href='/account/login'>请直接登录</a>"
                       placeholder="请输入您的手机号码">
              </div>
              <div class="col-md-2">
                <a class="hb-btn btn-primary btn-inverse btn-size-full" id="ID-fetchCaptcha">获取验证码</a>
              </div>
              <div class="col-md-3">
                <span class="tipsInfo"><span class="hb-icons common"></span></span>
              </div>
            </div>
            <div class="form-group">
              <label for="mobileCode" class="col-md-3 control-label">验证码:</label>

              <div class="col-md-5">
                <input type="text" class="form-control" maxlength="6" id="mobileCode" name="mobileCode"
                       data-rule-smsCode="true" data-msg-smsCode="手机验证码为6位数字"
                       placeholder="请输入手机验证码">
              </div>
              <div class="col-md-3">
                <span class="tipsInfo"><span class="hb-icons common"></span></span>
              </div>
            </div>
            <div class="form-group">
              <label for="birthdate" class="col-md-3 control-label">出生年月:</label>

              <div class="col-md-5">
                <input type="text" class="form-control" data-datepicker data-datepicker-format="yy年mm月" id="birthdate"
                       name="birthdate"
                       placeholder="请输入出生年月" readonly>
              </div>
              <div class="col-md-3">

              </div>
            </div>
            <div class="form-group">
              <label for="password" class="col-md-3 control-label">设置登录密码:</label>

              <div class="col-md-5">
                <input type="password" class="form-control" maxlength="20" minlength="6" id="password" name="password"
                       data-rule-password="true" data-msg-password="登录密码由6-20位英文、数字组成，建议使用英文和数字的组合形式."
                       placeholder="请输入登录密码" autocomplete="off">
              </div>
              <div class="col-md-4">
                <span class="tipsInfo" style="padding: 0;"><span class="hb-icons common"></span></span>
              </div>
            </div>
            <div class="form-group">
              <label for="mobileCode" class="col-md-3 control-label">确认登录密码:</label>

              <div class="col-md-5">
                <input type="password" class="form-control" maxlength="20" minlength="6" id="passwordAgain"
                       name="passwordAgain"
                       data-rule-equalto="#password" data-msg-equalto="两次密码输入不一致."
                       placeholder="请再次确认登录密码" autocomplete="off">
              </div>
              <div class="col-md-4">
                <span class="tipsInfo"><span class="hb-icons common"></span></span>
              </div>
            </div>
            <div class="form-group">
              <div class="col-md-offset-3 col-md-5">
                <div class="hb-checkbox">
                  <input type="checkbox" value="1" id="checkboxFiveInput" name="" checked/>
                  <label for="checkboxFiveInput"></label> <span>已阅读并接受<a href="#" id="agreement">《投客网用户协议》</a></span>
                </div>
              </div>
            </div>
            <div class="form-group">
              <div class="col-md-offset-3">
                <input type="submit" class="hb-btn btn-primary col-md-5" value="立即注册"/>
              </div>
            </div>
          </form>
        </div>
        <div class="col-md-3"></div>
      </div>
    </div>
  </div>
</div>

<div class="modal" id="smsModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
        <h4 class="modal-title">图片验证</h4>
      </div>
      <div class="modal-body">
        <form class="form-horizontal" id="smsForm" data-validate>
          <div class="form-group">
            <div class="col-md-offset-3">
              <p><span class="hb-icons common info"></span> 请输入图片中的验证码，确认后短信验证码将会发送到您的180****2871手机上</p>
            </div>
          </div>
          <div class="form-group">
            <label for="captcha" class="col-md-3 control-label">图片验证码:</label>

            <div class="col-md-4">
              <div class="input-group">
                <input type="text" class="form-control" id="captcha" name="captcha" required
                       data-msg-required="请输入图片验证码"
                       data-rule-remote="/checkCaptcha" data-msg-remote="图片验证码不正确">

                <div class="input-group-addon hb-captcha">
                  <img src="https://account.touker.com/captcha.do?t=1444271989440">
                </div>
              </div>
            </div>
            <div class="col-md-3">
              <span class="tipsInfo"><span class="hb-icons common"></span></span>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer center">
        <button type="button" class="hb-btn btn-primary" style="width: 270px;" id="sendSMS">确认</button>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" data-hb-js="projects/auth/1.0.0/regist"></script>
